Ich versuche, für eine Seite unendlich zu scrollen, aber die Bedingung zum Testen, ob wir uns am Ende der Seite befinden, verhält sich in Chrome nicht richtig. In Chrome wird diese Warnung eher oben auf der Seite als unten ausgelöst. Es funktioniert jedoch korrekt auf IE11.
In Chrome ist $ (document) .height () gleich 0. Ich habe html oben auf meiner Seite, wenn es darauf ankommt.
Seltsamerweise habe ich dies einem anderen Beispiel entnommen, in dem es in jsfiddle auf Chrome perfekt funktioniert hat: http://jsfiddle.net/nick_craver/gWD66/
$ (Fenster) .scroll (Funktion () {
if ($ (Fenster) .scrollTop () + $ (Fenster) .height () == $ (Dokument) .height ()) {
Alarm ("Test");
}}
}}
}}
2021-02-15 08:20:09
Welche Art von CSS wird auf die Seite angewendet, mehr noch auf das Body-Element? Es kann sich um eine Auffüllung oder einen Rand handeln, durch den $ (document) .height () mehr als die Kombination von $ (window) .scrollTop () und $ (window) .height () entspricht. Mit dem folgenden Code können Sie feststellen, ob Sie die if () -Kriterien jemals tatsächlich erfüllen.
Welche Version von jQuery verwenden Sie?
$ (Fenster) .scroll (Funktion () {
var scrollPosition = $ (Fenster) .scrollTop () + $ (Fenster) .height ();
var bodyHeight = $ (Dokument) .height ();
$ ("# scrollIndex"). html (scrollPosition + "/" + bodyHeight);
if (scrollPosition == bodyHeight) {
$ ("# scrollIndex"). html ("BOTTOM!");
$ ('body'). height (bodyHeight + 200 + "px");
}}
});
Körper{
Höhe: 2000px;
}}
#scrollIndex {
Position: fest;
oben: 0px;
rechts: 0px;
}}